<template>
	<u-modal :show="showBox"  :title="boxTitle" :closeOnClickOverlay="true" :showCancelButton="true"   @confirm="confirmBox"   @cancel="()=>{this.showBox=false}">
		<view class="slot-content">
			<view class="form_box" >
				
				<uni-forms ref="form" :rules="rules" >
					
					<uni-forms-item  label="付款类型" name="pay_type">
						<view class="form_item_input">
							<picker @change="selectChange" data-key="pay_mode" :value="payType['index']" :range="payType['item']" :range-key="'name'">
								<view style="padding-left: 20rpx;line-height: 60rpx;" class="uni-input">{{payType['item'][payType['index']].name}}</view>
							</picker>
						</view>
					</uni-forms-item>
					
					
					<uni-forms-item  label="付款方式" v-if="payType.item[payType.index]['name']=='线上支付'" name="transfer_type">
						<view class="form_item_input">
							<picker @change="selectChange" data-key="transfer_type" :value="transferType['index']" :range="transferType['item']" :range-key="'name'">
								<view style="padding-left: 20rpx;line-height: 60rpx;" class="uni-input">{{transferType['item'][transferType['index']].name}}</view>
							</picker>
						</view>
					</uni-forms-item>
					
					
					<uni-forms-item  label="付款金额" name="price">
						<uni-easyinput :type="text" v-model="formData['pay_money']" :placeholder="'请输入金额'"  clearable="false"/>
					</uni-forms-item>
				</uni-forms>
			</view>
		</view>
	</u-modal>
</template>

<script>
	import {index} from './pay-money.js';
	export default {name: 'payMoney',mixins: [index]}
</script>
<style>
	@import 'pay-money.css';
</style>
